<template>
	<view class="content">
		<view :style="{height:statusBarHeight+'rpx'}">
		</view>
		<button class="return" open-type="launchApp" v-if="isReturn">
			<!--  -->
			<image class="img" src="https://images.linglinggong.net/static/11.png" mode=""></image>返回App
		</button>
		<image class="img" :show-menu-by-longpress="true" src="https://images.linglinggong.net/rwm.png"> </image>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				isReturn: false,
				statusBarHeight: 0,
				titleBarHeight: 0,
			};
		},
		methods: {},
		onLoad(options) {
			this.isReturn = options.isApp
			let systemInfo = uni.getSystemInfoSync()
			this.statusBarHeight = systemInfo.statusBarHeight
			let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
			this.titleBarHeight = (menuButtonInfo.top - this.statusBarHeight) * 2 + menuButtonInfo.height
		}
	}
</script>
<style lang="less" scoped>
	.content {
		width: 100%;
		height: 100vh;

		.return {
			position: fixed;
			top: 75rpx;
			left: 0;
			font-size: 26rpx;
			width: 208rpx;
			height: 60rpx;
			border-radius: 0 30rpx 30rpx 0;
			line-height: 60rpx;
			background: rgba(0, 0, 0, 0.6);
			color: #FFFFFF;
			display: flex;
			align-items: center;
			z-index: 99;

			.img {
				transform: rotate(180deg);
				width: 30rpx;
				height: 30rpx;
			}
		}
	}

	.img {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
</style>